<demo>
基础用法
<p></p>
</demo>
<template>
  <!-- @update:value="(x) => value = x"  -->
  <!-- @update:value="value = $event" -->
  <!-- vue2中 :value.sync="value" 是@update:value="value = $event"的语法糖  -->
  <!-- vue3 v-model:value="value" 是 :value="value" @update:value="value = $event" 的语法糖 相当于 vue2 中的修饰符sync -->
  <HSwitch v-model:value="bool" />
</template>

<script lang="ts">
import { HSwitch } from '../../../lib/index'
import { ref } from 'vue'
export default {
  components: {
    HSwitch,
  },
  setup() {
    const bool = ref(false)
    return {
      bool,
    }
  },
}
</script>
